<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <!-- <link rel="icon" href=""> -->
    <title>流失客户</title>
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <link rel="stylesheet" href="/homemobile/css/base.css">
    <style>
      body{
        background: #f8f8f8;
      }
      /*公共列表部分*/
      .public_PeopleList_container{
        background: #fff;
      }
      .public_PeopleList_header_container{
        display: flex;
        align-items: center;
        padding-top: .32rem;
        padding-left: .32rem;
      }
      .public_PeopleList_header_container svg{
        width: .35rem;
        height: .35rem;
      }
      .public_PeopleList_header_container p{
        font-size: .28rem;
        color: #2c2c2c;
      }
      .public_PeopleList_main_container{

      }
      .public_PeopleList_main_content{

      }
      .public_PeopleList_main_content li{
        display: flex;
        align-items: center;
        padding: .35rem .32rem .32rem .32rem;
        border-bottom: 1px solid #f8f8f8;
      }
      .public_PeopleList_main_content li img{
        width: 1rem;
        height: 1rem;
        border-radius: 4px;
      }
      .public_PeopleList_main_content li a{
        font-size: .24rem;
        color: #207df5;
        background: #edf6fe;
        border:1px solid #d7e8fc;
        padding: 0 .13rem;
        border-radius: 3px;
        height: .5rem;
        line-height: .5rem;
        cursor: pointer;
      }
      .public_PeopleList_mainInfo_container{
        flex: 1;
        display: flex;
        flex-direction: column;
        padding-left: .24rem;
        height: 1rem;
        justify-content: space-around;
      }
      .public_PeopleList_mainInfo_container p:first-child{
        font-size: .30rem;
        color: #000;
        font-weight: bold;
      }
      .public_PeopleList_mainInfo_container p{
        color: #999999;
        font-size: .24rem;
      }
      .public_PeopleList_footer_container{
        padding: .32rem;
      }
      .public_PeopleList_footer_container p{
        font-size: .28rem;
        color: #999;
        text-align: center;
      }
      /*公共头部返回*/
      .PublicHeader_return_container{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .20rem .20rem;
        background: #fff;
        border-bottom: 1px solid #ececec;
      }
      .PublicHeader_return_container a{
        display: flex;
        align-items: center;
      }
      .PublicHeader_return_container a img{
        width: .26rem;
        margin-right: .1rem;
      }
      .PublicHeader_return_container a span{
        font-size: .28rem;
        color: #333;
      }
      .PublicHeader_returnRight_container{

      }
    </style>

  </head>
  <body>
    <!-- 公共头部返回 -->
    <div class="PublicHeader_return_container">
      <a href="javascript:history.back(-1)">
        <img src="http://weidogstest.oss-cn-beijing.aliyuncs.com/f77d325980002e39aeaf451eaba37ba5.png">
        <span>流失客户</span>
      </a>
      <div class="PublicHeader_returnRight_container">
        
      </div>
    </div>
    <!-- 公共列表部分 -->
    <div class="public_PeopleList_container">
      <div class="public_PeopleList_main_container">
        <ul class="public_PeopleList_main_content">
			{loop $res as $r}
			  <li>
				<img src="{$r->avatar}">
				<div class="public_PeopleList_mainInfo_container">
				  <p>{$r->name}</p>
				  <p>流失时间：{$r->ctime}</p>
				</div>
				<!-- <a href="#">查看客户</a> -->
			  </li>
			{/loop}
        </ul>
      </div>
      <div class="public_PeopleList_footer_container">
        <p>没有更多了~</p>
      </div>
    </div>
  </body>
</html>
